<template>
  <div>App</div>
  <div :class="$style.postcss">Hello World</div>
  <button @click="handleClick">
    {{ state.count }}
  </button>
</template>

<script setup lang="ts">
import { reactive, defineProps } from "vue";

interface State {
  count: number;
}

defineProps({
  msg: String,
});

const state = reactive<State>({ count: 0 });

const handleClick = () => {
  console.log(state.count);
  state.count++;
  fetch("/api/v1/page")
    .then((response) => response.json())
    .then((json) => console.log(json));
};
</script>

<style module>
.postcss {
  color: red;
  transform: translateX(100px);
}
</style>
